<!DOCTYPE html>
<html lang="en">
<head>
    <title>会员列表</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=11" />

    <link rel="stylesheet" href="//cdn.bootcss.com/zui/1.9.1/css/zui.min.css">
    <link href="static/frame/zui-theme.css" rel="stylesheet" />
    <!-- ZUI Javascript 依赖 jQuery -->
    <script src="//cdn.bootcss.com/zui/1.9.1/lib/jquery/jquery.js"></script>
{#    <link href="https://cdn.bootcdn.net/ajax/libs/zui/1.10.0/lib/datagrid/zui.datagrid.min.css" rel="stylesheet">#}
{#    <script src="https://cdn.bootcdn.net/ajax/libs/zui/1.10.0/lib/datagrid/zui.datagrid.min.js"></script>#}
    <!-- ZUI 标准版压缩后的 JavaScript 文件 -->
    <script src="//cdn.bootcss.com/zui/1.9.1/js/zui.min.js"></script>
    <style>
            html, body {
                height: 100%;
                margin: 0;
                padding: 0;
            }
        </style>
</head>
<body>

<div id="div_right" style=" height:100%;width:100%;padding:20px 20px 60px 20px; top:0; left:0;border:0px solid #808080;">
    <iframe id="list" name="Frame" src="./list?pageIndex=1&pageSize=20"
            style="width:100%;height:100%; border:0px solid #b7d5df;" frameborder="0"></iframe>
</div>

<div style="position:fixed;width:100%; bottom:0px;border:0px solid #c0c0c0;height: 60px;">
    <center>
        <ul id="myPager" class="pager" data-ride="pager" data-page="{{ data.current }}" data-rec-total="{{ data.total }}" data-rec-per-page="{{ data.size }}"></ul>
    </center>
</div>
<script>
    $(function () {

        $('#myPager').on('onPageChange', function (e, state, oldState) {

            if (state.page !== oldState.page) {
                if (state.page !== oldState.page) {
                    f = document.getElementById("list");
                    f.src = "./list?pageIndex=" + state.page + "&pageSize=20";
                }
            }
        });

    }
    )

</script>
</body>
</html>